const { Theme, ThemeManager } = require("tailwindcss-theming/api");
const colors = require('./colors')

const lightPalette = colors;

const darkPalette = {
    transparent: 'transparent',
    current: 'currentColor',
  
    white: '#000',
    black: '#fff',
  
    gray: {
      '900': '#f9fafb',
      '800': '#f4f5f7',
      '700': '#e5e7eb',
      '600': '#d2d6dc',
      '500': '#9fa6b2',
      '400': '#6b7280',
      '300': '#4b5563',
      '200': '#374151',
      '100': '#252f3f',
      '50': '#161e2e',
    },
    'cool-gray': {
      '900': '#f8fafc',
      '800': '#f1f5f9',
      '700': '#e2e8f0',
      '600': '#cfd8e3',
      '500': '#97a6ba',
      '400': '#64748b',
      '300': '#475569',
      '200': '#364152',
      '100': '#27303f',
      '50': '#1a202e',
    },
    red: {
      '900': '#fdf2f2',
      '800': '#fde8e8',
      '700': '#fbd5d5',
      '600': '#f8b4b4',
      '500': '#f98080',
      '400': '#f05252',
      '300': '#e02424',
      '200': '#c81e1e',
      '100': '#9b1c1c',
      '50': '#771d1d',
    },
    orange: {
      '900': '#fff8f1',
      '800': '#feecdc',
      '700': '#fcd9bd',
      '600': '#fdba8c',
      '500': '#ff8a4c',
      '400': '#ff5a1f',
      '300': '#d03801',
      '200': '#b43403',
      '100': '#8a2c0d',
      '50': '#73230d',
    },
    yellow: {
      '900': '#fdfdea',
      '800': '#fdf6b2',
      '700': '#fce96a',
      '600': '#faca15',
      '500': '#e3a008',
      '400': '#c27803',
      '300': '#9f580a',
      '200': '#8e4b10',
      '100': '#723b13',
      '50': '#633112',
    },
    green: {
      '900': '#f3faf7',
      '800': '#def7ec',
      '700': '#bcf0da',
      '600': '#84e1bc',
      '500': '#31c48d',
      '400': '#0e9f6e',
      '300': '#057a55',
      '200': '#046c4e',
      '100': '#03543f',
      '50': '#014737',
    },
    teal: {
      '900': '#edfafa',
      '800': '#d5f5f6',
      '700': '#afecef',
      '600': '#7edce2',
      '500': '#16bdca',
      '400': '#0694a2',
      '300': '#047481',
      '200': '#036672',
      '100': '#05505c',
      '50': '#014451',
    },
    // blue: {
    //   '900': '#ebf5ff',
    //   '800': '#ebf8ff',
    //   '700': '#bee3f8',
    //   '600': '#90cdf4',
    //   '500': '#63b3ed',
    //   '400': '#4299e1',
    //   '300': '#3182ce',
    //   '200': '#2b6cb0',
    //   '100': '#2c5282',
    //   '50': '#2a4365',
    // },
    blue: {
      '900': '#ebf5ff',
      '800': '#e1effe',
      '700': '#c3ddfd',
      '600': '#a4cafe',
      '500': '#76a9fa',
      '400': '#3f83f8',
      '300': '#1c64f2',
      '200': '#1a56db',
      '100': '#1e429f',
      '50': '#233876',
    },
    indigo: {
      '900': '#f0f5ff',
      '800': '#e5edff',
      '700': '#cddbfe',
      '600': '#b4c6fc',
      '500': '#8da2fb',
      '400': '#6875f5',
      '300': '#5850ec',
      '200': '#5145cd',
      '100': '#42389d',
      '50': '#362f78',
    },
    purple: {
      '900': '#f6f5ff',
      '800': '#edebfe',
      '700': '#dcd7fe',
      '600': '#cabffd',
      '500': '#ac94fa',
      '400': '#9061f9',
      '300': '#7e3af2',
      '200': '#6c2bd9',
      '100': '#5521b5',
      '50': '#4a1d96',
    },
    pink: {
      '900': '#fdf2f8',
      '800': '#fce8f3',
      '700': '#fad1e8',
      '600': '#f8b4d9',
      '500': '#f17eb8',
      '400': '#e74694',
      '300': '#d61f69',
      '200': '#bf125d',
      '100': '#99154b',
      '50': '#751a3d',
    },
};
  
const light = new Theme()
  .setName("light")
  .targetable()
  .addColors({...lightPalette})

const dark = new Theme()
  .setName("dark")
  .targetable()
  .addColors({...darkPalette})

module.exports = new ThemeManager()
  .setDefaultTheme(light)
  .addTheme(dark);
